<!--#layout("common/page.html",{"jsBase":"/js/","title":"首页"}){  -->
<div class="doc-container" id="doc-container">
    <div class="banner">
        <!-- Swiper -->
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <!--#
                   var images = util.getConfigAttachmentList(core.config("首页轮播图片"));
                   for(image in images) {
                -->
                    <div class="swiper-slide" style="max-height:350px;width:100%;overflow:hidden">
                        <img src="/core/file/inline/${image.id }/${image.name }">
                    </div>
                <!--#} -->
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>

        <!-- Swiper JS -->
        <script src="${ctxPath}/plugins/swiper-7.2.0/swiper/swiper-bundle.min.js?v=${jsVer}"></script>
        <link href="${ctxPath}/plugins/swiper-7.2.0/swiper/swiper-bundle.min.css?v=${jsVer}" rel="stylesheet" type="text/css">
        <!-- Initialize Swiper -->
        <script>
          var swiper = new Swiper(".mySwiper", {
            navigation: {
              nextEl: ".swiper-button-next",
              prevEl: ".swiper-button-prev",
            },
          });
        </script>
    </div>
    <div class="container-fixed margin-top">
        <div class="layui-row">
            <!--#
            var indexCatalogList = cms.getCatalogByDictTypeAndValueAndParentCatalogId("catalog_position", "index_catalog","");
            for(catalog in indexCatalogList) {
            -->
            <div class="layui-col-xs12 layui-col-sm4 layui-col-md4 padding">
                <div class="single-news">
                    <!--#
                    var catalogImage = util.getCatalogImage(catalog);
                    var style = '';
                    if (catalogImage != null) {
                        style = 'background-image:url(/core/file/inline/' + catalogImage.id + '/' + catalogImage.name +')';
                    } -->
                    <div class="news-head">
                        <layui:show_image attachmentId="${catalog.imageId}" />
                        <a href="${(catalog.code == null || catalog.code == '') ? (catalog.accessUrl+'?id='+catalog.id) : catalog.code}" class="link">
                            <div>${util.getCatalogName(catalog)}</div>
                        </a>
                    </div>
                    <div class="news-content layui-hide">
                        <h4>
                            <a href="${(catalog.code == null || catalog.code == '') ? (catalog.accessUrl+'?id='+catalog.id) : catalog.code}">
                                ${util.getCatalogName(catalog)}
                            </a>
                        </h4>
                        <p>
                            ${util.getCatalogDesc(catalog)}
                        </p>
                        <a href="${(catalog.code == null || catalog.code == '') ? (catalog.accessUrl+'?id='+catalog.id) : catalog.code}" class="btn">
                            ${util.getLocalValue("site.more")}
                        </a>
                    </div>
                </div>
            </div>
            <!--#} -->
        </div>
    </div>
</div>
<script src="${ctxPath}${tpl}/js/wow.min.js?v=${jsVer}"></script>
<script src="${ctxPath}${tpl}/js/index.js?v=${jsVer}"></script>
<script src="${ctxPath}${tpl}/js/global.js?v=${jsVer}"></script>
<!--#}  -->